<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <title>检测管理模板系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
    <script src="/layuiadmin/input-tags/inputTags.js"></script>
</head>
<body class="layui-layout-body">
<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="fullscreen" title="最大化">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite><span shiro:principal property="name"/></cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a lay-href="/sys/home/admins/update">修改密码</a></dd>
                        <hr>
                        <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll">
                <div class="layui-logo" lay-href="home/console.html">
                    <span>管理后台</span>
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">

                    <li data-name="home" class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;" lay-tips="主页" lay-direction="2">
                            <i class="layui-icon layui-icon-home"></i>
                            <cite>主页</cite>
                        </a>
                        <dl class="layui-nav-child">
                            <dd data-name="console" class="layui-this">
                                <a lay-href="home/console.html">控制台</a>
                            </dd>
                            <dd data-name="console">
                                <a lay-href="home/homepage1.html">主页一</a>
                            </dd>
                            <dd data-name="console">
                                <a lay-href="home/homepage2.html">主页二</a>
                            </dd>
                        </dl>
                    </li>

                    <li data-name="home" class="layui-nav-item">
                        <a href="javascript:;" lay-direction="1">
                            <i class="layui-icon layui-icon-home"></i>
                            <cite>组织管理</cite>
                        </a>
                        <dl class="layui-nav-child">
                            <dd data-name="console">
                                <a lay-href="/home/menus/list">菜单权限管理</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>
        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="/home/about" frameborder="0" class="layadmin-iframe" style="height:100%;"></iframe>
            </div>
        </div>
        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>
<script id="menus"  type="text/html">
    {{#  layui.each(d.data, function(index, item){ }}
    <li data-name="home{{index}}" class="layui-nav-item {{#  if(index === 0){ }}layui-nav-itemed{{#  } }}">
        <a href="javascript:;" lay-direction="{{index}}">
            <i class="layui-icon layui-icon-home"></i>
            <cite>{{item.title}}</cite>
        </a>
        <dl class="layui-nav-child">
            {{#  layui.each(item.children, function(y, child){ }}
                <dd data-name="console{{y}}">
                    <a lay-href="{{child.url}}">{{child.title}}</a>
                </dd>
            {{#  }); }}
        </dl>
    </li>
    {{#  }); }}
</script>
<script src="/layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base: '/layuiadmin/' //静态资源所在路径
        ,version:'132'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index','laytpl'],function(){
        var $ = layui.jquery;
        var laytpl = layui.laytpl;
        var element = layui.element;
        $.ajax({
            url:"/manager/home/permissions",
            type:"get",
            dataType:"json",
            success:function(res){
                console.log(res);
                /*var getTpl = menus.innerHTML;
                laytpl(getTpl).render({data:res.data}, function(html){
                    //$("#LAY-system-side-menu").append(html);
                    //element.init();
                });*/
                var data=res.data;
                if(data!= "" && data.length>0){
                    var ulHtml = '';
                    if(data!= null&&data.length > 0){

                        $.each(data,function(index,item){
                            if(index == 0){
                                ulHtml += '<li class="layui-nav-item layui-nav-itemed">';
                            }else{
                                ulHtml += '<li class="layui-nav-item">';
                            }
                            ulHtml += '<a href="javascript:;">';
                            ulHtml += '<cite>'+item.title+'</cite>';
                            ulHtml += '</a>'
                            if(item.children != null && item.children.length > 0){
                                ulHtml += '<dl class="layui-nav-child">';
                                $.each(item.children,function(index,child){
                                    if(child.children !=null&& child.children.length>0){
                                        ulHtml +='<a>'+child.title+'</a>';
                                        ulHtml +=getChild(child.children,"");
                                    }else {
                                        ulHtml += '<dd><a href="javascript:;" data-url="'+child.url+'" data-title="'+child.title+'" data-id="'+child.id+'" class="menuNvaBar">';
                                        ulHtml += '<cite>'+child.title+'</cite></a></dd>';
                                    }

                                });
                                ulHtml += "</dl>"
                            }
                            ulHtml += '</li>'
                        });
                    }
                    ;
                    console.log(12)
                    //$(".navBar").html(ulHtml);
                    //element.init();  //初始化页面元素
                    $("#LAY-system-side-menu").append(ulHtml);
                    element.init();
                }else{
                    $("#navBarId").empty();
                }



            }
        });
        var getChild=function (item,ulHtml) {
            ulHtml += '<dl class="layui-nav-child">';
            $.each(item,function (index,child) {
                if(child.children !=null&& child.children.length>0){
                    ulHtml +='<a>'+child.title+'</a>';
                    ulHtml +=getChild(child.children,"");
                }else {
                    ulHtml += '<dd><a href="javascript:;" data-url="'+child.url+'" data-title="'+child.title+'" data-id="'+child.id+'" class="menuNvaBar">';
                    ulHtml += '<cite>'+child.title+'</cite></a></dd>';
                }

            });
            ulHtml += "</dl>"
            return ulHtml;
        };
    });    
</script>
</body>
</html>